<!DOCTYPE html>
<html lang="zh">

<head>
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="utf-8">
    <title>服务与售后</title>
    <meta name="keywords" />
    <meta name="description" />
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/fwsh.css">
</head>

<body>
    <div class="home">

        <div class="header header_page">
            <div class="box">
                <div class="l">
                    <a href="./index.html" class="logo">
                        <img src="./images/logo.png" alt="">
                        <img src="./images/logo2.png" alt="">
                    </a>
                    <div class="links">
                        <div class="item">
                            <a href="./index.html" class="a1">
                                <p>首页</p>
                            </a>
                        </div>
                        <div class="line">/</div>
                        <div class="item">
                            <a href="./solution.html" class="a1">
                                <p>行业解决方案</p>
                            </a>
                            <div class="bmenu animated fadeIn">
                                <div class="lt">
                                    <p class="cn animated fadeInUp">行业解决方案</p>
                                    <p class="en animated fadeInUp">solution</p>
                                </div>
                                <div class="rc">
                                    <div class="list">
                                        <a href="./solution.html" class="animated fadeInUp">
                                            <p>半导体</p>
                                        </a>
                                        <a href="./solution.html" class="animated fadeInUp">
                                            <p>生物制药</p>
                                        </a>
                                        <a href="./solution.html" class="animated fadeInUp">
                                            <p>能源</p>
                                        </a>
                                        <a href="./solution.html" class="animated fadeInUp">
                                            <p>化工</p>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="line">/</div>
                        <div class="item">
                            <a href="./products.html" class="a1 active">
                                <p>产品与服务</p>
                            </a>
                            <div class="bmenu animated fadeIn">
                                <div class="lt">
                                    <p class="cn animated fadeInUp">产品与服务</p>
                                    <p class="en animated fadeInUp" id="text_en">product</p>
                                </div>
                                <div class="rc">
                                    <div class="list pro_menu">
                                        <a class="active_menu animated fadeInUp">
                                            <p>产品中心</p>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                viewBox="0 0 24 24" fill="none">
                                                <path d="M21 12H3" stroke="#386EB5" />
                                                <path d="M15 6L21 12L15 18" stroke="#386EB5" />
                                            </svg>
                                        </a>
                                        <a class="animated fadeInUp">
                                            <p>服务与售后</p>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                viewBox="0 0 24 24" fill="none">
                                                <path d="M21 12H3" stroke="#386EB5" />
                                                <path d="M15 6L21 12L15 18" stroke="#386EB5" />
                                            </svg>
                                        </a>
                                    </div>
                                    <div class="list second_menu">
                                        <div class="on">
                                            <a href="./products.html" class="animated fadeInUp">
                                                <p>磁悬浮转台</p>
                                            </a>
                                            <a href="./products.html" class="animated fadeInUp">
                                                <p>磁悬浮泵</p>
                                            </a>
                                            <a href="./products.html" class="animated fadeInUp">
                                                <p>能源</p>
                                            </a>
                                            <a href="./products.html" class="animated fadeInUp">
                                                <p>化工</p>
                                            </a>
                                        </div>
                                        <div>
                                            <a href="./cpxx.html" class="animated fadeInUp">
                                                <p>产品选型</p>
                                            </a>
                                            <a href="./customization.html" class="animated fadeInUp">
                                                <p>产品定制</p>
                                            </a>
                                            <a href="./fwsh.html" class="animated fadeInUp">
                                                <p>服务与售后</p>
                                            </a>
                                            <a href="./downloads.html" class="animated fadeInUp">
                                                <p>下载中心</p>
                                            </a>
                                            <a href="./faq.html" class="animated fadeInUp">
                                                <p>F&Q</p>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="line">/</div>
                        <div class="item">
                            <a href="./tech.html" class="a1">
                                <p>技术与创新</p>
                            </a>
                        </div>
                        <div class="line">/</div>
                        <div class="item">
                            <a href="./news.html" class="a1">
                                <p>新闻资讯</p>
                            </a>
                        </div>
                        <div class="line">/</div>
                        <div class="item">
                            <a href="./about.html" class="a1 ">
                                <p>关于我们</p>
                            </a>
                            <div class="bmenu animated fadeIn">
                                <div class="lt">
                                    <p class="cn animated fadeInUp">关于我们</p>
                                    <p class="en animated fadeInUp">about us</p>
                                </div>
                                <div class="rc">
                                    <div class="list">
                                        <a href="./about.html" class="animated fadeInUp">
                                            <p>关于我们</p>
                                        </a>
                                        <a href="./recruitment.html" class="animated fadeInUp">
                                            <p>招贤纳士</p>
                                        </a>
                                        <a href="./contact.html" class="animated fadeInUp">
                                            <p>联系我们</p>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="r">
                    <div class="search">
                        <a href="./search.html">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                fill="none">
                                <path
                                    d="M10.5 19C15.1944 19 19 15.1944 19 10.5C19 5.8056 15.1944 2 10.5 2C5.8056 2 2 5.8056 2 10.5C2 15.1944 5.8056 19 10.5 19Z"
                                    stroke="white" stroke-width="1.5" />
                                <path
                                    d="M13.3287 7.17155C12.6049 6.4477 11.6049 6 10.5003 6C9.39572 6 8.39573 6.4477 7.67188 7.17155"
                                    stroke="white" stroke-width="1.5" stroke-linecap="square" />
                                <path d="M17 17L20.854 20.8535" stroke="white" stroke-width="2"
                                    stroke-linecap="square" />
                            </svg>
                        </a>
                        <input type="text" placeholder="输入您想查询的信息" id="search">
                    </div>
                    <div class="lan">
                        <a href="">CN</a>
                        <a href="">EN</a>
                    </div>
                </div>
            </div>
        </div>

        <div class="pheader">
            <div class="menu">
                <a href="./index.html" target="_self" class="animated fadeInUpLeft">
                    <img src="./images/logo2.png" alt="">
                </a>
                <div class="navbox">
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                </div>
            </div>
        </div>

        <div class="menuList">
            <div class="lan">
                <a href="">CN</a>
                <a href="">EN</a>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./index.html">首页</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./solution.html">行业解决方案</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="./solution.html">半导体</a>
                    <a href="./solution.html">生物制药</a>
                    <a href="./solution.html">能源</a>
                    <a href="./solution.html">化工</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./products.html">产品与服务</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="./cpxx.html">产品选型</a>
                    <a href="./customization.html">产品定制</a>
                    <a href="./fwsh.html">服务与售后</a>
                    <a href="./downloads.html">下载中心</a>
                    <a href="./faq.html">F&Q</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./tech.html">技术与创新</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./news.html">新闻资讯</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./about.html">关于我们</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="./recruitment.html">招贤纳士</a>
                    <a href="./contact.html">联系我们</a>
                </div>
            </div>
        </div>

        <div class="banner">
            <img src="./images/fwban.png" alt="">
            <div class="text">
                <p class="p1">service</p>
                <p class="p2">服务支持</p>
            </div>
            <div class="types">
                <div class="items">
                    <a class="item" href="./cpxx.html">
                        <div class="p1">
                            <p>产品选型</p>
                        </div>
                    </a>
                    <a href="customization.html" class="item">
                        <div class="p1">
                            <p>产品定制</p>
                        </div>
                    </a>
                    <a class="item active" href="./fwsh.html">
                        <div class="p1">
                            <p>服务与售后</p>
                        </div>
                    </a>
                    <a class="item" href="./downloads.html">
                        <div class="p1">
                            <p>下载中心</p>
                        </div>
                    </a>
                    <a class="item" href="./faq.html">
                        <div class="p1">
                            <p>FAQ</p>
                        </div>
                    </a>
                </div>
            </div>
        </div>

        <div class="main">
            <div class="t">服务与售后</div>
            <div class="allItems">
                <div class="item">
                    <div class="icon">
                        <img src="./images/fw1.png" alt="">
                    </div>
                    <div class="p1">稳健供货</div>
                    <div class="des">
                        我们的工厂遍布全国,产
                        能充沛,确保您的供应链
                        连续、稳定
                    </div>
                </div>
                <div class="item">
                    <div class="icon">
                        <img src="./images/fw2.png" alt="">
                    </div>
                    <div class="p1">质量可靠</div>
                    <div class="des">
                        超过1000个验证文件,包
                        括iso9001:2015,确保您
                        的工艺安全、合规
                    </div>
                </div>
                <div class="item">
                    <div class="icon">
                        <img src="./images/fw3.png" alt="">
                    </div>
                    <div class="p1">专家团队</div>
                    <div class="des">
                        我们强大的应用支持团队
                        可满足各种定制需求,并
                        为您工艺开发和验证等技术支持
                    </div>
                </div>
                <div class="item">
                    <div class="icon">
                        <img src="./images/fw4.png" alt="">
                    </div>
                    <div class="p1">完善售后</div>
                    <div class="des">
                        专业的售后服务,为您的
                        工艺保驾护航
                    </div>
                </div>
                <div class="item">
                    <div class="icon">
                        <img src="./images/fw5.png" alt="">
                    </div>
                    <div class="p1">快速响应</div>
                    <div class="des">
                        快速响应,高效服务,助
                        您快速实现商业价值
                    </div>
                </div>
            </div>
        </div>

        <div class="getIn">
            <div class="box">
                <div class="t1">如您需要,我们还可提供专业支持</div>
                <div class="pics">
                    <div class="pic1">
                        <img src="./images/g1.png" alt="">
                    </div>
                    <div class="line">
                        <span></span>
                    </div>
                    <div class="pic2">
                        <img src="./images/g2.png" alt="">
                    </div>
                </div>
                <div class="intro">
                    仪器一旦出现问题,我们的团队可随时为您提供技术指导和支持。我们拥有便利的物流管理系统,可在需要时快速为您提供原装备件。<br>
                    如果您对我们的服务存在疑问或需要技术支持,欢迎随时与我们联系。请在我们的联系表格中填写详细信息,我们会尽快与您联系。
                </div>
                <a class="contact_btn">
                    <p>联系售后</p>
                    <svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none">
                        <path
                            d="M8.85007 3.83424L1.66673 11.0176L0.483398 9.83424L7.66673 2.65091H1.35007V0.984244H10.5167V10.1509H8.85007V3.83424Z"
                            fill="white" />
                    </svg>
                </a>
            </div>
        </div>


        <div class="foot">
            <div class="dom">
                <div class="logo">
                    <img src="./images/logo.png" alt="">
                </div>
                <div class="icons">
                    <a>
                        <img src="./images/f1.png" alt="">
                        <div class="code">
                            <img src="./images/code.png" alt="">
                        </div>
                    </a>
                    <a href="">
                        <img src="./images/f2.png" alt="">
                    </a>
                    <a href="">
                        <img src="./images/f3.png" alt="">
                    </a>
                </div>
                <div class="copyright">
                    Copyright © 苏州苏磁智能科技-超级磁悬浮 All Rights Reserved. <a href="https://beian.miit.gov.cn/"
                        target="_blank">苏ICP备05001864号-1</a>
                </div>
            </div>
        </div>


        <div class="dialog animated fadeIn">
            <div class="content">
                <div class="t">
                    <p>填写您的信息</p>
                    <div class="close">
                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
                            <path d="M9.33325 9.33337L22.6666 22.6667" stroke="#333333" stroke-width="2.66667"
                                stroke-linecap="round" />
                            <path d="M9.33325 22.6667L22.6666 9.33337" stroke="#333333" stroke-width="2.66667"
                                stroke-linecap="round" />
                        </svg>
                    </div>
                </div>
                <form class="form" action="javascript:;">
                    <div class="item">
                        <div class="tag">姓名<span>*</span></div>
                        <input type="text" class="name" required>
                    </div>
                    <div class="item">
                        <div class="tag">城市<span>*</span></div>
                        <input type="text" class="city" required>
                    </div>
                    <div class="item">
                        <div class="tag">电子邮箱<span>*</span></div>
                        <input type="text" class="email" required>
                    </div>
                    <div class="item">
                        <div class="tag">公司<span>*</span></div>
                        <input type="text" class="company" required>
                    </div>
                    <div class="item">
                        <div class="tag">电话<span>*</span></div>
                        <input type="text" class="phone" required>
                    </div>
                    <div class="item">
                        <div class="tag">具体需求<span>*</span></div>
                        <textarea class="message" required></textarea>
                    </div>
                    <div class="notice">
                        <div class="k"></div>
                        <div class="pt">
                            <p>我已阅读并同意苏磁科技公司</p>
                            <a href="">个人信息保护政策</a>
                        </div>
                    </div>
                    <button class="submit">提交</button>
                </form>
            </div>
        </div>


    </div>
    <script src="./js/jquery-3.6.1.min.js"></script>
    <script src="./js/swiper.js"></script>
    <script src="./js/gsap.min.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/wow.min.js"></script>
    <script src="./js/countUp.js"></script>
    <script>
        new WOW().init();
        $('.contact_btn').click(function () {
            $('.dialog').css({ 'display': 'flex' })
        })
        $('.dialog .notice').click(function () {
            $(this).children('.k').toggleClass('fill')
        })
        $('.dialog .close').click(function () {
            $('.dialog').css({ 'display': 'none' })
        })

        $('.dialog .submit').click(function () {
            var name = $('.name').val();
            var city = $('.city').val();
            var phone = $('.phone').val();
            var email = $('.email').val();
            var company = $('.company').val();
            var message = $('.message').val();


            if (name == '') {
                alert("请输入姓名")
                return false;
            }
            if (city == '') {
                alert("请输入城市")
                return false;
            }
            if (!validateEmail(email)) {
                alert("请输入正确邮箱")
                return false;
            }
            if (company == '') {
                alert("请输入公司名称")
                return false;
            }
            if (!validatePhone(phone)) {
                alert("请输入正确电话")
                return false;
            }
            if (message == '') {
                alert("请输入具体需求")
                return false;
            }
            if (!$('.dialog .notice .k').hasClass('fill')) {
                alert("请先同意隐私政策")
                return false;
            }

            $('.dialog form').trigger('reset');
            $('.dialog .notice .k').removeClass('fill')

            $('.dialog').css({ 'display': 'none' })
        })
    </script>
</body>

</html>